<template>
  <div class="about">
    <el-card>
      <template #header>
        <div class="card-header">
          <h2>关于我们</h2>
        </div>
      </template>
      <div class="content">
        <p>这是一个现代化的门户网站，使用以下技术栈构建：</p>
        <el-descriptions :column="1" border>
          <el-descriptions-item label="前端技术">
            Vue 3, Vue Router, Element Plus, Axios
          </el-descriptions-item>
          <el-descriptions-item label="后端技术">
            Spring Boot, Spring Security, Spring Data JPA
          </el-descriptions-item>
          <el-descriptions-item label="数据库">
            MySQL
          </el-descriptions-item>
        </el-descriptions>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'About'
}
</script>

<style scoped>
.about {
  padding: 20px;
}

.card-header {
  text-align: center;
}

.content {
  padding: 20px;
}
</style> 